<template>
  <div class="app-main" v-loading="loading">
    <div class="divTmp" v-show="loading"></div>
    <div v-show="!loading">
      <empty info="暂无公告"/>
    </div>

  </div>
</template>

<script>
import Empty from './Empty'


export default {
  components: {
    Empty,

  },

  data() {
    return {
      loading: true,
    }
  },
  created() {

    this.init()
  },

  methods: {
    async init() {
      this.closeLoading()
    },


    // 加载动画
    closeLoading() {
      this.timer = null
      this.timer = setTimeout(() => {
        this.loading = false
      }, 500)
    }
  }
}
</script>

<style scoped>

div {
  display: block;
  unicode-bidi: isolate;
}

*, :after, :before {
  box-sizing: border-box;
}

.divTmp {
  width: 100%;
}

::v-deep .el-loading-mask {
  transition: opacity 0s;
}

::v-deep .el-loading-spinner {
  top: 100%;
  margin-top: 30%;
  width: 100%;
  text-align: center;
  position: absolute;
}


</style>